/* component/alarm/alarm.wxss */
.container {
	height: 100%;
	.scroll {
		// padding-left: 20rpx;
		.card {
			width: 710rpx;
			height: 259rpx;
			margin-top: 30rpx;
			background: #ffffff;
			box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(4, 28, 63, 0.1);
			border-radius: 20rpx;
			.top {
				background-color: #ff6b6b;
				color: #fff;
				border-radius: 20rpx 20rpx 0rpx 0rpx;
				height: 90rpx;
				display: flex;
				align-items: center;
        justify-content:space-between;
        font-size: 28rpx;
        padding-right: 20rpx;
        padding-left: 20rpx;
			}
			.bottom {
				height: 169rpx;
				display: flex;
				align-items: center;
				justify-content: space-around;

				.item {
					display: flex;
					flex-direction: column;
					align-items: center;
                    justify-content:space-around;
					.title {
						padding-top: 10rpx;
						font-size: 24rpx;
						color: #949598;
					}
					.num {
						padding-top: 10rpx;
						font-size: 28rpx;
                    }
                    .num-warn{
                        padding-top: 10rpx;
                        font-size: 28rpx;
                        color:#ff6b6b
                    }
				}
			}
		}
	}
}
